<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="../css/commons.css">
    <link rel="stylesheet" href="../css/API-index.css">
</head>

<body>

    <header class="head-line">
        <h1 class="fl logo">
            <img src="../imgs/new-logo-white2.png" alt="">
        </h1>
        <ul class="nav">
            <li class="fl"><a href="../pages/homeline.html" target="_blank">首页</a></li>
            <li class="active fl"><a href="#">API</a></li>
            <li class="fl"><a href="">云服务</a></li>
            <li class="fl"><a href="../pages/customer.html" target="_blank">案例</a></li>
            <li class="fl"><a href="">开发者</a></li>
        </ul>
        <ul class="sign">
            <li class="sign-in fl"><a href="../pages/login.html" target="_blank">登录</a></li>
            <li class="fr register"><a href="../pages/register.html" target="_blank">注册有礼</a></li>
        </ul>
    </header>


    <div class="api-type">
        <div class="apiTYpeTitle">API分类</div>
        <div class="api-btn">

        </div>
    </div>
    <label class="btn-label clearfix">
        <span class="fl">全部</span>
        <div class="fl">
            <input type="text" placeholder="身份证实名">
            <img src="../imgs/magnifier.png" alt="">
        </div>
    </label>

    <ul class="api-list containers clearfix">

    </ul>

    
    <div class="api-pages">
        <a class="apipages-active" href="">1</a>
        <a href="">2</a>
        <a href="">3</a>
        <a href="">4</a>
        <a href="">5</a>
        <a href="">6</a>
        <a href="">7</a>
        <a href="">8</a>
        <a class="apipages-hidden" href="">......</a>
        <a class="apipages-next" href="">下一页></a>
    </div>

    <div class="mask"></div>

    <div class="login-box">
        <img class="boxpic" src="../imgs/new-logo-white2.png" alt="">
        <div class="loginbox-table">
            <span class="tabbtn active">账号登录<span class="line-bottom"></span></span>
            <span class="loginbox-line"></span>
            <span class="tabbtn">扫码登录<span class="line-bottom2"></span></span>
        </div>

        <div class="loginbox-con">
            <div class="con loginbox-input">
                <div class="account-number an">
                    <span class="accountnum-pic"><img src="../imgs/loginIcon.png" alt=""></span>
                    <input type="text" placeholder="用户名/手机号/邮箱">
                    <span class="input-text-span itts"><img src="../imgs/clearInput.png" alt=""></span>
                    <p class="ittp1 ittp"><span></span>昵称需在6-12位字母数字间</p>
                </div>
                <div class="account-number2 an">
                    <span class="accountnum-pic2"><img src="../imgs/loginIcon.png" alt=""></span>
                    <input type="password" placeholder="密码">
                    <span class="input-text-span itts"><img src="../imgs/clearInput.png" alt=""></span>
                    <p class="ittp4 ittp"><span></span>请输入6至12位的密码</p>
                </div>
                <p><a href="../pages/login.html" target="_blank">忘记密码</a></p>
                <button>登录</button>
                <div class="renew">
                    还没有源码账号,
                    <a href="../pages/register.html" target="_blank">立即注册</a>
                    <span class="renewspan">
                        <img class="renewPic" src="../imgs/loginIcon.png" alt="">
                    </span>
                </div>
            </div>
    
            <div class="con loginbox-account">
                <div class="loginboxaccount-contant">
                    <img class="loginboxaccountcontant-pic" src="../imgs/103-demo.png" alt="">
                    <p class="lap1">微信扫码登录</p>
                    <p class="lap1">未关注源码科技公众号，请先关注后登录</p>
                </div>

                <div class="renew1">
                    还没有源码账号,
                    <a href="../pages/register.html" target="_blank">立即注册</a>
                    <span class="renewspan1">
                        <img class="renewPic1" src="../imgs/loginIcon.png" alt="">
                    </span>
                </div>
            </div>
        </div>
    </div>

    <div class="mask">
        <div class="login-box">
            <img src="../imgs/new-logo-white2.png" alt="">
        </div>
    </div>

    <div class="footer-container">
        <div class="footer">
            <div class="container">
                <dl>
                    <dt><a href="">联系与支持</a></dt>
                    <dd><a href="">400-882-7715</a></dd>
                    <dd><a href="">售前咨询</a></dd>
                    <dd><a href="">客服&售后</a></dd>
                    <dd><a href="">常见问题</a></dd>
                    <dd><a href="">极速工单</a></dd>
                    <dd><a href="">投诉与建议</a></dd>
                </dl>
                <dl>
                    <dt><a href="">关于源码</a></dt>
                    <dd><a href="">合作伙伴</a></dd>
                    <dd><a href="">服务条款</a></dd>
                    <dd><a href="">隐私政策</a></dd>
                    <dd><a href="">市场合作</a></dd>
                    <dd><a href="">反商业贿赂声明</a></dd>
                </dl>
                <dl>
                    <dt><a href="">快速入口</a></dt>
                    <dd><a href="">API数据</a></dd>
                    <dd><a href="">黑钻会员</a></dd>
                    <dd><a href="">新闻动态</a></dd>
                    <dd><a href="">联系我们</a></dd>
                    <dd><a href="">加入我们</a></dd>
                </dl>
                <dl>
                    <dt><a href="">产品服务</a></dt>
                    <dd><a href="">云监测</a></dd>
                    <dd><a href="">云查询</a></dd>
                    <dd><a href="">云助手</a></dd>
                    <dd><a href="">聚盒子</a></dd>
                    <dd><a href="">云充值</a></dd>
                </dl>
                <dl>
                    <dt><a href="">解决方案</a></dt>
                    <dd><a href="">数字中台</a></dd>
                    <dd><a href="">慧集:API生命周期管理</a></dd>
                    <dd><a href="">有赢:助力企业营销</a></dd>
                </dl>
                <div class="vxcode">
                    <h3 class="fr">微信公众号</h3>
                    <h5 class="fr">源码时代</h5>
                    <img class="fr" src="../imgs/103-demo.png" alt="">
                </div>
            </div>
            <div class="foot">
                <img class="footpic2" src="../imgs/bei2.png" alt="">
                <img class="footpic1" src="../imgs/bei1.png" alt="">
                <h5 class="fr">
                    源码大数据股份有限公司©版权所有
                </h5>
                <h5 class="supple fr">
                    增值电信业务经营许可证: 蜀B2-20180596 蜀ICP备15006450号-3 营业执照
                </h5>

            </div>
        </div>
    </div>


    <script src="../js/API-index.js"></script>
</body>

</html>